<template>
  <div class="donationFeedBack">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack()">&#xe689;</i>
      	青援筹      <!--公益天地-->
    </div>
    <div class="find-head">
      <img src="../../images/fankui1.png"/>
    </div>
    <div class="home-tab">
      <div @click="goProject(eventListJqs.id)" v-for="(eventListJqs, index) in eventListQB">
        <flexbox>
          <flexbox-item :span="4">
            <div class="flex-demo">
              <img :src="imageUrl.imageUrl + eventListJqs.eventPicUrl"/>
            </div>
          </flexbox-item>
          <flexbox-item>
            <div class="flex-demo">
              <p v-html="eventListJqs.eventName"></p>
              <x-progress :percent="eventListJqs.schedule" :show-cancel="false"></x-progress>
              <span class="precess-right">{{eventListJqs.schedule}}%</span>
              <div class="project-foot">
                <span class="project-foot-left">目标<span
                  class="content-red">{{eventListJqs.eventGoalAmount}}</span>元</span>
                <span class="project-foot-left">参加<span
                  class="content-red">{{eventListJqs.attendPeople}}</span>人次</span>
              </div>
            </div>
          </flexbox-item>
        </flexbox>
      </div>
    </div>
    <div class="findpublic-footer">
      <ul>
        <li @click="upEvents" style="border-right:1px solid #fff;">上一页</li>
        <li @click="nextEvents">下一页</li>
      </ul>
    </div>
  </div>
</template>
<style lang="scss" src="./donationFeedBack.scss"></style>
<script src="./donationFeedBack.js"></script>
